// 文档加载
  // 初始化轮播图
  // 底部多个轮播图加载
  // 绑定鼠标移动事件,轮播图列表 电子书


  // 第一个轮播图 
  $(document).ready(function() {
    $('#view').setZoomPicture({
        thumbsContainer: '#pics-thumbs',
        prevContainer: '#nav-left-thumbs',
        nextContainer: '#nav-right-thumbs',
        zoomContainer: '#zoom',
        zoomLevel: 2,
        loadMsg: 'Chargement...'
    }); 
});

$(function(){
    // 启动
        window.f = new flux.slider('#slider', {
        delay: 2000,
        width:324,
        height:204,
        // 分页
        pagination:false,

    });// 启动
        window.f = new flux.slider('#slider1', {
        delay: 2000,
        width:324,
        height:204,
        // 分页
        pagination:false,

    });
    
        // 启动
        window.f = new flux.slider('#slider2', {
          delay: 2000,
          width:324,
          height:204,
          // 分页
          pagination:false,
    
      });
      
      //找到span 绑定鼠标事件
      $('.e-book .p-span span').mouseover(function(){
        //   给鼠标移入的span 加入类名 
          $(this).addClass('active')
        //   兄弟span 移除类名
          $(this).siblings().removeClass('active')
        //   
         let index=$(this).index()
         $('.e-book-left-big ul').eq(index).addClass('show')
         $('.e-book-left-big ul').eq(index).siblings().removeClass('show')
      })

      //  楼层固定
      // 鼠标移入事件
      $('.floor-ul li').mouseover(function(){
        let colors=['#93d46f','#f65727','#bb9dee','#ff7394','#c2ec51']
        let index=$(this).index()
        let color=colors[index]
        //给li添加背景色
        $(this).css({
          'backgroundColor':color
        })
        //给li里面的span 添加背景色
        $(this).find('span').css(
         { 'backgroundColor':color}
        )
        //显示当前li对应的span
        $(this).find('span').show()
        // 隐藏当前li 兄弟们里面的span
        $(this).siblings().find('span').hide()
        
      })
      // 鼠标移出事件
      $('.floor-ul li').mouseout(function(){
        $(this).css(
          'backgroundColor', '#f3f3f3'
        )
        //移出让li 里面的span 隐藏
        $(this).find('span').hide()
        //移出让 li兄弟们里面的span 隐藏
        $(this).siblings().find('span').hide()
        
      })
      // 楼层点击事件
      $('.floor-ul li').click(function(){
        let index=$(this).index() //获取li的索引
         $scr=$('section:gt(1)').eq(index).offset().top // 取得对应section的索引 并赋值
        //  console.log($('.floor-ul li').offset())
         $('body, html').stop().animate({scrollTop:$scr},1000)
      })

      
      // 窗口滚动搜索框显示隐藏事件
      $(window).scroll(function(){
        // console.log(scrollY)
        if(scrollY>300){
          $('.search-top').show()
        }else{
          $('.search-top').hide()
        }
      })


      //鼠标移入移出小黄书显示隐藏
       let $li=$('.e-book-right li')
       $li.mouseover(function(){
         $(this).find('.li-p').css('display','none').siblings().css('display','block')
         $(this).siblings().find('.li-p').css('display','block').siblings().css('display','none')
       })


      //  $li.mouseleave(function(){
      //   $(this).find('.li-p').css('display','block').siblings().css('display','none')
        
      //  })

    })